<template>
  <div class="banner">
    <div class="content">
      <h1>数码商城</h1>
      <p>最新款手机，一键获取</p>
    </div>
  </div>
</template>

<style scoped>
.banner {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, #2196f3, #0d47a1);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content {
  text-align: center;
}
h1 {
  font-size: 2.5rem;
  margin-bottom: 10px;
}
p {
  font-size: 1.2rem;
  opacity: 0.9;
}
</style>